<template>
	<el-container>
		<!-- 2种pc类型：网站【对外面向用户】，
    管理系统【对内面向公司内部】 -->

		<!-- 头部：logo快捷方式等，一级导航 -->
		<el-header>
			<Header @switchShow="switchShow"></Header>
		</el-header>
		<!-- 中间区：轮播图，动态【文字+图片】 -->
		<el-main>
			<Main :show="show"></Main>
		</el-main>

		<!-- 底部：联系方式，友情链接 -->
		<el-footer>
			<Footer></Footer>
		</el-footer>
	</el-container>
</template>

<script>
import Header from './common/Header'
import Main from './common/Main'
import Footer from './common/Footer'
export default {
	data() {
		return {
			show: 'home',
		}
	},
	methods: {
		switchShow(name) {
			this.show = name
		},
	},
	components: { Header, Main, Footer },
}
</script>